<!DOCTYPE HTML>
<HTML>
<HEAD>
    <link href="/css/moopopup.css" rel="Stylesheet" type="text/css" />
    <script type="text/javascript" src="https://www.google.com/jsapi?"> </script>
    <script type="text/javascript" src="/js/mootools.core.js"></script>
    <script type="text/javascript"
      src="http://maps.googleapis.com/maps/api/js?sensor=false">
    </script>
    {% if uid %}<script type="text/javascript">var uid = "{{ uid }}";</script>{% else %}
    <script type="text/javascript" src="/js/mootools.more.js"></script>
    <script type="text/javascript" src="/js/moopopup.js"></script>
    <script type="text/javascript" src="/js/newuser.js"></script>{% endif %}
    <script type="text/javascript" src="/js/planner.js"></script>
</HEAD>
<BODY>
    <div id="map3d" style="width: 100%; height: 700px;"></div>
    <div id="controls">
        <BUTTON id="airbase_btn">Airbase (B)</BUTTON>
        <BUTTON id="radar_btn">Radar (I)</BUTTON>
        <BUTTON id="silo_btn">Silo (M)</BUTTON>
        <BUTTON id="cancel_btn" disabled="disabled">Cancel</BUTTON>
    </div>
    <div id="message"></div>
    <!-- Below are the divs we use for various things -->
    <div style="display:none">
        <P>Welcome!  Before we get started I have to ask you a couple of </P>
    </div>
</BODY>
</HTML>